<template>
    <view>
        <ani-box :maskPtpid="'ac03-1bca-1aff-c6f3-' + type" v-if="show">
			
            <view disableScroll class="dialog-box">
                <block>
                    <!-- <image lazyLoad class="dialog-box-top" mode="widthFix" src="./logo_icon.png"></image> -->
                    <view class="dialog-info-box">
						<view style="width: 100%;height: 80rpx;border-bottom: 1px solid #a2a2a2;line-height: 60rpx;text-align: center;font-size: 32rpx;">
							支付方式
						</view>
						<view style="width: 100%;margin-top: 50rpx;text-align: center;font-weight: 550;font-size: 32rpx;">
							支付金额{{money}}元
						</view>
						<view style="width: 100%;display: flex;margin-top: 50rpx;">
							<view style="width: 14%;line-height: 70rpx;text-align: left;">
								<image src="@/static/image/pengyou.png" mode="" style="width: 60rpx;height: 60rpx;"></image>
							</view> 
							<view style="width: 56%;line-height: 60rpx;text-align: left;"> 
								微信支付
							</view>
							<view style="text-align: right;width: 30%;padding-top: 10rpx;">
								<radio value="r1" checked="true" />
							</view>
						</view>
						<view @tap="wxpay" style="width: 100%;height: 75rpx;margin-top: 50rpx;background: #1786f8;color: #fff;text-align: center;line-height: 75rpx;font-size: 32rpx;border-radius: 50rpx;">
							确认支付
						</view>
                    </view>
                </block>
               
                <view @tap="closeDialog" class="iconfont iconclose_round close-button" :data-ptpid="'30d7-1c2a-an8f-cdfb-' + type"></view>
            </view>
        </ani-box>
    </view>
</template>

<script>

import aniBox from './aniBox/index';
export default {
    components: {
        aniBox
    },
    data() {
        return {
			
        };
    },
    props: {
        show: {
            type: Boolean,
            default: false
        },
        peanNum: {
            type: Number,
            default: 0
        },
        type: {
            type: Number,
            default: 1
        },
        word: {
            type: String,
            default: ''
        },
        money: {
            type: Number,
            default: 0.5
        }
    },
    methods: {
        stepToSuccess: function () {
            
        },
        closeDialog: function () {
            this.$emit('close');
           
        },
		wxpay(){
			this.$emit('pay');
		}
      
    }
};
</script>
<style>
@import './index.css';
</style>
